.primary {
	color: $primary;
}

.green {
	color: #07C160;
}

.blue {
	color: #7cb4ff;
}

.warning {
	color: #ffad00;
}

.danger {
	color: #ff6600;
}

.brown {
	color: #825349;
}

.black {
	color: #302f2a;
}

.b-primary {
	background-color: $primary;
}

.bd-primary {
	border: 1px solid $primary;
}

.b-green {
	background-color: #07C160;
}

.b-warning {
	background-color: #ffad00;
}

.b-danger {
	background-color: #ff6600;
}

.b-brown {
	background-color: #825349;
}

.b-black {
	background-color: #302f2a;
}

.cf {
	color: #fff;
}

.c0 {
	color: #000;
}

.c3 {
	color: #333;
}

.c6 {
	color: #666;
}

.c9 {
	color: #999;
}

.dd {
	color: #ddd;
}

.bf {
	background-color: #fff;
}

.b9 {
	background-color: #999;
}

.bgf5 {
	background-color: #f5f5f5;
}

.bgf8 {
	background-color: #f8f8f8;
}

.bge5 {
	background-color: #e5e5e5;
}

.bgcc {
	background-color: #cccccc;
}

.bgdd {
	background-color: #dddddd;
}

.bgfa {
	background-color: #fafafa;
}

.tap:active {
	opacity: 0.8;
}
.btn_tap:active {
	background: $primaryActive;
}

.btn_gradient {
	background: linear-gradient(to right, #c771f4, #f971ce);
}

.btn_gradient_info {
	background: linear-gradient(to right, #7db5ff, #a4e0fc);
}
